<template>
  <div>
    <ul>
      <li v-for="(item,index) in listData" :key="index" class="list-item">
        <h3 class="text-blue">
          姓名:
          <span>{{item.xm}}</span>
          <span>{{item.gmsfhm}}</span>
        </h3>
        <p>
          <span class="text-yellow">{{item.sssxq}}</span>
          <span class="text-red">{{item.mz}}</span>
          <span>{{item.xb}}</span>
          <span>{{item.xm}}与{{item.csrqDt}}</span>
          <span>{{item.jgGjhdq+item.jgXzqh+"人"}}</span>
          <span>{{item.xl}}</span>
          <span>{{item.sg}}</span>
          <span>{{item.zy}}</span>
          <span>{{item.byzk}}</span>
          <span>
            曾用名：
            <span>{{item.cym}}</span>
          </span>
          <span>
            详址：
            <span>{{item.jzdSsxq}} {{item.jzdXxdz}}</span>
          </span>
        </p>
        <p>
          <span>{{item.lbssjDt}}</span>因
          <span>{{item.lbsyy}}</span>迁来本市：
          <span>{{item.lzdXxdz}}</span>
        </p>
         <p>
          <span>监护人</span>
          <span>{{item.jhryJhgx}}</span>
          <span>{{item.jhryXm}}</span>
          <span>{{item.jhryGmsfhm}}</span>
        </p>
        <p>
          <span>监护人</span>
          <span>{{item.jhreJhgx}}</span>
          <span>{{item.jhreXm}}</span>
          <span>{{item.jhreGmsfhm}}</span>
        </p>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  name: 'offenManList',
  props: ['listData'],
  data() {
    return {
    };
  }
};
</script>
<style lang="scss" scoped>
</style>
